var anc_onglet;
charger_onglets();

function charger_onglets(){
	//récupération du nom des onglets 
	var xhr = getXMLHttpRequest();

	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			creer_onglets(xhr.responseXML);
		} 
	};
	xhr.open("POST", "autre_test_onglets.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send();
}

function charger_contenu(oSelect){
	//récupération des informations à mettre dans les onglets
	var xhr = getXMLHttpRequest();
	
	var var1 = encodeURIComponent(oSelect);
	var var2 = encodeURIComponent(id);
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			remplir_onglet(xhr.responseXML,oSelect);
		} 
	};
	xhr.open("POST", "remplir_onglet_autre_test_r.php", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send("description=" + var1 + "&id_anim="+ var2);
}

function creer_onglets(oData){
	//remplissage des  noms des onglets à partir des données récupérées dans la base
	var div = document.getElementById('onglets');
	var nodes = oData.getElementsByTagName("item");
	anc_onglet = nodes[0].getAttribute("name");				
	var nom, li, text;
	
	for (var k=0; k<nodes.length; k++) {
		var id2=nodes[k].getAttribute("id");
		nom=nodes[k].getAttribute("name");
		
		//création des onglets
		li=document.createElement("li");
		li.className="inactive";
		li.id="onglet_"+nom;
		
		text=document.createTextNode(nom);
		li.appendChild(text);
		div.appendChild(li);
		charger_contenu(nom);
		ajouter_click_onglet(nom);
	}
}

function remplir_onglet(oData,desc){
	//remplissage des onglets à partir des données récupérées dans la base
	var content = document.getElementById('contenu');
	var nodes2 = oData.getElementsByTagName("item");
	var section = document.createElement("section");
	section.id = "contenu_onglet_"+desc;
	section.className="contenu_onglet";
	content.appendChild(section);
	
	var para,date,h2;
	if(nodes2.length==0){
		para= document.createElement("p");
		var label = document.createElement("label");
		var text = document.createTextNode("Pas d'informations disponibles");
		label.appendChild(text);
		para.appendChild(label);
		section.appendChild(para);
	}
	else{
		for (var j=0; j<nodes2.length; j++) {
			if(/_date$/.test(nodes2[j].getAttribute("id"))){
				date = nodes2[j].getAttribute("name");
				h2 = document.createElement("h1");
				var text = document.createTextNode("Test du "+nodes2[j].getAttribute("name"));
				h2.appendChild(text);
				h2.id=desc+date;
				para= document.createElement("p");
				para.id="desc_"+desc+nodes2[j].getAttribute("name");
				section.appendChild(h2);
				section.appendChild(para);
			}
			else if(para.id=="desc_"+desc+date && /_date$/.test(nodes2[j].getAttribute("id"))==false){
				var label = document.createElement("label");
				var space = document.createElement("br");
				var strong = document.createElement("strong");
				var text = document.createTextNode(nodes2[j].getAttribute("name"));
				var text2;
				if(/_mes$/.test(nodes2[j].getAttribute("id"))){text2 = document.createTextNode("Résultat: ");}
				else if(/_exp$/.test(nodes2[j].getAttribute("id"))){text2 = document.createTextNode("Expérimentateur: ");}
				else if(/_desc$/.test(nodes2[j].getAttribute("id"))){text2 = document.createTextNode("Description: ");}
				strong.appendChild(text2);
				label.appendChild(strong);
				label.appendChild(text);
				para.appendChild(label);
				para.appendChild(space);
			}
		}
	}
}

function ajouter_click_onglet(nom){
	//ajout d'un lien cliquable sur les onglets
	var temp = document.getElementById("onglet_"+nom);				
	temp.onclick=function(){changer_onglet(nom);};
}

function changer_onglet(name){
	//fonction qui permet de changer d'onglet courant
	var temp =document.getElementById("contenu_onglet_"+anc_onglet);
	document.getElementById("onglet_"+anc_onglet).className = "inactive";
	document.getElementById("onglet_"+name).className = "active";

	document.getElementById("contenu_onglet_"+anc_onglet).style.display = "none";
	document.getElementById("contenu_onglet_"+name).style.display = "inline-block";

	anc_onglet = name;
}
